<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <th:block th:replace="~{/_include/header}" />
    <title>[[${bundle.L('用户注册')}]]</title>
    <style>
      .form-group.row {
        margin-left: -15px !important;
        margin-right: -15px !important;
      }
      .form-group.row .btn {
        height: 41px;
        width: 100%;
      }
    </style>
  </head>
  <body class="rb-splash-screen">
    <div class="rb-wrapper rb-login">
      <div class="rb-content">
        <div class="main-content container-fluid">
          <div class="splash-container">
            <div class="card card-border-color card-border-color-warning">
              <div class="card-header"><a class="logo-img"></a></div>
              <div class="card-body">
                <div class="form-group">
                  <input class="form-control" id="sFullName" type="text" th:placeholder="${bundle.L('姓名')}" autocomplete="off" />
                  <p class="form-text">[[${bundle.L('管理员将审核你的注册信息，请正确填写')}]]</p>
                </div>
                <div class="form-group">
                  <input class="form-control" id="sName" type="text" th:placeholder="${bundle.L('用户名')}" autocomplete="off" />
                </div>
                <div class="form-group">
                  <input class="form-control" id="sEmail" type="email" th:placeholder="${bundle.L('邮箱')}" autocomplete="off" />
                </div>
                <div class="form-group row pt-0">
                  <div class="col-7">
                    <input class="form-control" type="text" id="sVcode" th:placeholder="${bundle.L('邮箱验证码')}" autocomplete="off" />
                  </div>
                  <div class="col-5 text-right pl-0">
                    <button class="btn btn-primary btn-outline J_vcode-btn" type="button">[[${bundle.L('获取验证码')}]]</button>
                  </div>
                </div>
                <div class="form-group login-submit">
                  <button class="btn btn-primary btn-xl J_confirm-btn" type="button">[[${bundle.L('提交注册')}]]</button>
                </div>
                <div class="alert alert-success alert-icon alert-icon-border alert-sm hide">
                  <div class="icon"><span class="zmdi zmdi-check"></span></div>
                  <div class="message">
                    <p>[[${bundle.L('注册信息已提交，审核结果将通过邮件通知你')}]]</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="splash-footer">
              <span><a href="login">[[${bundle.L('返回登录')}]]</a></span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div th:if="${pageFooter != null}" class="page-footer">[(${pageFooter})]</div>
    <th:block th:replace="~{/_include/footer}" />
    <script th:src="@{/assets/js/signup.js}"></script>
  </body>
</html>
